<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no" />
    <title>{$site_seo_title}{$site_name}</title>
    <meta name="keywords" content="{$site_seo_keywords}" />
    <meta name="description" content="{$site_seo_description}" />
    {include file="public:head" /}
</head>
<link rel="stylesheet" href="{$yf_theme_path}public/css/style.css">
<link rel="stylesheet" href="{$yf_theme_path}public/js/swiper/swiper.css">
<link rel="stylesheet" href="{$yf_theme_path}public/css/innerpage.css">
<script language="javascript">
 $(function(){
    $(document).attr("title",'{$mytitle}');
 });
</script>
<style>
 .swiper-container {
        width: 100%;
        background:white;
        
      
    }
    .swiper-slide {
        text-align: center;
       
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    
  

.swiper-slide{ width:25%; border:1px solid #eee; border-right:none; height:50px; text-align:center; float:left; line-height:50px; margin-top:-1px; }
.swiper-slide a{ font-size:14px;}
.swiper-slidea.cur{color:#fabc09;}

    </style>

<body>
<div class="current_pos">
		<div class="return"><a href="javascript:history.back(-1);"><i class="fa fa-chevron-left"></i></a></div>
		<h2><span>商城</span></h2>
        <div class="returnhome"><a href="/"><i class="fa fa-home"></i></a></div>
</div>

<div class="clear"></div>


<div class="swiper-container" style="min-height:60px">
    <div class="swiper-wrapper">
    {foreach name="category" item="c"}
       <div class="swiper-slide" ><a href="{:url("home/shop/index",["cid"=>$c["id"]])}" {if condition="$c['id'] eq $cid or $c['id'] eq $parentid"}class="cur"{/if} style="display:block;height:50px; overflow:hidden" >{$c["cate_name"]}</a></div>
    {/foreach}
    </div>
</div>


<div class="clear"></div>
<div class="randbox clearfix">
 	<ul>
    	<li><a href="javascript:">默认</a></li>
        <li class="icotoggle"><a href="javascript:"><span>价格</span><i class="fa fa-sort ml5"></i><i class="fa icodown" style=" margin-left:-8px;"></i></a></li>
        <li class="icotoggle"><a href="javascript:" ><span>销量</span><i class="fa fa-sort ml5"></i><i class="fa icodown" style=" margin-left:-8px;"></i></a></li>
        <li class="sequencetog"><a href="javascript:"><i class="fa fa-th-large"></i></a></li> 
    </ul>
</div>

<div class="floors clearfix">
  <ul class="ul1 clearfix">
  {foreach name="goods_list" item="g"}   
    	<li class="clearfix">
            <a href="{:url("home/shop/show",["id"=>$g["id"]])}">
            	 <div class="lileft" style="text-align:center"><img  style="width:auto; max-height:100px" alt="{$g["goods_title"]}" src="{$g["thumb"]}"/></div>
            	 <div class="liright">
                 <h5 class="protit">&nbsp;&nbsp;{$g["goods_title"]|msubstr=0,12}</h5>
                 <p class="proprice">
                   <span class="nowprice">{if condition="empty($g['price_'.$groupid])"}{$g["price"]} {else/}{$g["price_".$groupid]} {/if}元</span>
                   <span class="beforeprice">{$g["price"]}元</span>
                 </p>
                </div>
            </a>
        </li>
   {/foreach}       
  </ul>
  
   <div class="row text-center" style="margin:20px 0"> 
                       <div class="page r">
                           {$pager}
                       </div>
  </div>
</div>


{include file="public:footer"/}
</div>
 
 

<script src="{$yf_theme_path}public/js/swiper/swiper.jquery.js" type="text/javascript"></script>
 
<script type="text/javascript">
	$(function(){
	 
	   	 var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        slidesPerView: 4,
        paginationClickable: true,
        spaceBetween: 0
    });
	   
	});
</script>

{include file="public:scripts"/}
<script language="javascript">
  $(function(){
	  $(".m-menu li").removeClass('current');
      $("#mf2").addClass('current');
  });
</script>
</body>
</html>